<!--我的 – 所在团队 – 1			Details -->
<template>
	<view class="warps">
		<view class="w95 f b c">
			<view class="team-xiala">
				<u-dropdown>
					<u-dropdown-item v-model="value1" title="XXXX团队" :options="options1"></u-dropdown-item>
				</u-dropdown>
			</view>
			<view :class="isShow == true ? 'hei':'lan'">
				<text class="bold"  @click="toMgunali()">管理</text>
			</view>
		</view>
		<view>
			<mSearch :show="false" @search="search($event,1)" :mode="2" radius="5"></mSearch>
		</view>
		<view class="w90" v-for="(item,index) in list" :key="index">
			<view class="w95 f b c">
				<view class="vw40 f b c">
					<view class="f b c" style="width:150rpx;">
						<view>
							<image style="width: 56rpx;height: 56rpx;" src="../../../../static/img/090.png" mode=""></image>
						</view>
						<view style="width:60rpx;">
							<text>{{item.xingm}}</text>
						</view>
					</view>
					<view :class="item.name!='' ? 'Details-zhu':'Details-zhu1'" class="senter">
						<text class="fs24">{{item.name}}</text>
					</view>
				</view>
				<view>
					<view class="" v-if="isShow">
						职位
					</view>
					<view v-else @click="a">
						<image style="width: 32rpx;height: 32rpx;" src="../../../../static/img/124.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="quanxian"></view>
		</view>
	
	</view>
</template>

<script>
	import mSearch from '@/components/mehaotian-search/mehaotian-search.vue';
	export default {
		components: {
			mSearch
		},
		data() {
			return {
				isShow:false,
				value1: 1,
				value2: 2,
				options1: [{
						label: '默认排序',
						value: 1,
					},
					{
						label: '距离优先',
						value: 2,
					},
					{
						label: '价格优先',
						value: 3,
					}
				],
				province: [],
				val2: '',
				txt: '',
				placeholder: '请输入搜索内容',
				list: [{
						name: '主管理员',
						xingm:'姓名'
					},
					{
						name: '子管理员',
						xingm:'姓名'
					},
					{
						name: '子管理员',
						xingm:'姓名'
					},
					{
						name: '',
						xingm:'姓名'
					},
					{
						name: '',
						xingm:'姓名'
					},
					{
						name: '',
						xingm:'姓名'
					},
					{
						name: '',
						xingm:'姓名'
					},
					{
						name: '',
						xingm:'姓名'
					},
					{
						name: '',
						xingm:'姓名'
					},
					{
						name: '',
						xingm:'姓名'
					},
					{
						name: '',
						xingm:'姓名'
					}

				]
			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '团队详情'
			})
		},
		methods: {
			search(e, val) {
				console.log(e, val);
				this['val' + val] = e;
			},
			toMgunali(){
				this.isShow = !this.isShow
			},
			a(){
				uni.navigateTo({
					url:"../Editing/Editing"
				})
			}
		}
	}
</script>

<style scoped>
	.lan{
		color:blue;
	}
	.hei{
		color:block;
	}
	.warps {
		/* height: 95vh; */
		overflow: hidden;
		background-color: #fff;
	}

	.team-xiala {
		width: 240rpx;
	}

	.Details-zhu {
		width: 120rpx;
		height: 34rpx;
		line-height: 28rpx;
		opacity: 1;
		background: #ffffff;
		border: 2rpx solid #333333;
		border-radius: 20rpx;
	}

	.Details-zhu1 {
		
	}
</style>
